<template>
  <div style="background:green;">
    <label for="aa">姓名 </label>
    <input type="text" @input="inputChange" id="aa" :value="value" />
  </div>
</template>

<script>
export default {
  props: {
    value: [String, Number, Boolean],
  },
  name: "VInput",
  model: {
    prop: "value",
    event: "input",
  },
  mounted() {},
  methods: {
    inputChange(e) {
      let val = e.target.value;
      console.log("input-change", val);
      this.$emit("input", val);
    },
  },
};
</script>

<style lang="scss" scoped></style>
